<!DOCTYPE html>
<html lang="en" xmlns:v-if="http://www.w3.org/1999/xhtml" xmlns:v-elseif="http://www.w3.org/1999/xhtml"
      xmlns:v-else="http://www.w3.org/1999/xhtml" xmlns:v-on="http://www.w3.org/1999/xhtml">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script src="../../js/vue/html.js"></script>
</head>
<body>
<div id="nb">
    <span>事件传参</span>
    <ul>
        <li v-for = "content in list" v-on:click="aaa($event,content.id,content.name)">{{content.id}}-{{content.name}}-{{content.age}}-{{content.sex==1?"男":"女"}}</li>
    </ul>
</div>
<script>
    var vue = new Vue({
        el:"#nb",
        data:{
            list:[{id:1,name:"啊强",age:18,sex:1},
                  {id:2,name:"啊华",age:13,sex:0},
                  {id:3,name:"啊昆",age:18,sex:1}]
        },
        methods:{
            aaa:function (e,id,name) {
                alert(111);
                console.log(e.currentTarget,id,name)
            }
        }
    })
</script>
</body>
</html>